import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'home',
      component: HomeView
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue')
    },
    {
      path: '/category',
      name: 'category',
      component: () => import('../views/Category.vue')
    },
    {
      path: '/cart',
      name: 'cart',
      component: () => import('../views/Cart.vue')
    },
    {
      path: '/mine',
      name: 'mine',
      component: () => import('../views/Mine.vue')
    },
    {
      path: '/form',
      name: 'form',
      component: () => import('../views/FormView.vue')
    },
    {
      path: '/life',
      name: 'life',
      component: () => import('../views/lifeCycle.vue')
    },
    {
      path: '/watch',
      name: 'watch',
      component: () => import('../views/Watchview.vue')
    },
    {
      path: '/father',
      name: 'father',
      component: () => import('../views/FatherView.vue')
    },
    {
      path: '/grandfather',
      name: 'grandfather',
      component: () => import('../views/grandFatherView.vue')
    },
    {
      path: '/myhooks',
      name: 'myhooks',
      component: () => import('../views/myhooks.vue')
    },
    {
      path: '/mydirective',
      name: 'mydirective',
      component: () => import('../views/mydirective.vue')
    },
    {
      path: '/dongtai',
      name: 'dongtai',
      component: () => import('../views/dongtaiView.vue')
    },
    {
      path: '/showstore',
      name: 'showstore',
      component: () => import('../views/showStore.vue')
    },
    {
      path: '/order',
      name: 'order',
      component: () => import('../views/orderView.vue')
    }
  ]
})

export default router
